{% extends "special_menu.html" %}
{% load i18n %}
{% block for_special_menu %}
    <div id="id_op_for_tab"></div>
{% endblock %}
{% block content %}
    {% block id_main_div %}
           <div class="portlet floatL" id="id_main_div">
                <div id="id_result">
                </div>
                <div class="div_inline" id="id_datalist_main">
                    <div class="div_ListAndFilter">
                        {% block datalist_before %}
                            <div id="id_datalist">
                                {% block addmiddiv %}
                                {% endblock %}
                                <form id="id_edit_form" action="" method="post">
                                    <table class="content_tbl" style='width:97%; margin-left:5px;'>
                                        <tbody>
                                        <tr><td><div class='div_box1 floatL' style='width:98%'><h2>{% trans '邮箱设置 ' %}</h2>
                                            <table id='tbl1'><tbody>
                                                <tr>
                                                    <th width="200px"><label for="id_email_host" class="">{% trans '邮件服务器' %}:</label></th>
                                                    <td width="140px"><input id="id_email_host" name="email_host" class="" type="text" value=""/></td>
                                                    <td><span>{% trans '(smtp.xxx.xxx)' %}</span></td>
                                                </tr>
                                                <tr>
                                                    <th width="200px"><label for="id_email_port" class="">{% trans '服务器端口' %}:</label></th>
                                                    <td width="140px"><input id="id_email_port" name="email_port" class="" type="text" value=""/></td>
                                                    <td><input id='id_email_use_tls_checkbox' type="checkbox"/>{% trans 'SSL' %}</td>
                                                </tr>
                                                <tr>
                                                    <th width="200px"><label for="id_email_host_user" class="">{% trans '账户' %}:</label></th>
                                                    <td width="140px"><input id="id_email_host_user" name="email_host_user" class="" type="text" value=""/></td>
                                                    <td>{% trans '(xxx@xxx.xxx,domain name\domain user)' %}</td>
                                                </tr>
                                                <tr>
                                                    <th width="200px"><label for="id_email_host_password" class="">{% trans '密码' %}:</label></th>
                                                    <td width="140px"><input id="id_email_host_password" name="email_host_password" class="" type="password" value=""/></td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <th width="200px"><label for="id_sender_name" class="">{% trans '邮件地址' %}:</label></th>
                                                    <td width="140px"><input id="id_sender_name" name="sender_name" class="" type="text" value="{{att_cfg.sender_name}}"/></td>
                                                    <td>{% trans '(xxx@xxx.xxx)' %}</td>
                                                </tr>
                                            </tbody></table>
                                        </div></td></tr>
                                        <tr><td><div class='div_box1 floatL' style='width:98%'><h2>{% trans '报警设置' %}</h2>
                                            <table id="tbl2"><tbody>
                                                <tr>
                                                    <th><label for="id_late_count" class="required">{% trans '迟到超过' %}</label></th>
                                                    <td><input id="id_late_count" name="late_count"  type="text"  value=""/></td>
                                                    <td colspan="2" style="margin-left: -10px"><span>{% trans '次,邮件提醒' %}</span></td>
                                                </tr>
                                                <tr>
                                                    <th><label for="id_early_count" class="required">{% trans '早退超过' %}</label></th>
                                                    <td><input id="id_early_count" name="early_count" type="text" value=""/></td>
                                                    <td colspan="2"><span>{% trans '次,邮件提醒 ' %}</span></td>
                                                </tr>
                                                <tr>
                                                    <th><label for="id_absent_count" class="required">{% trans '旷工超过' %}</label></th>
                                                    <td><input id="id_absent_count" name="absent_count" type="text" value=""/></td>
                                                    <td colspan="2"><span>{% trans '次,邮件提醒  ' %}</span></td>
                                                </tr>
                                                <tr>
                                                    <th><label for="id_send_rate" class="required">{% trans '邮件发送频率' %}:</label></th>
                                                    <td><select id="id_send_rate" name="send_rate">
                                                        <option value="0">{% trans '每月' %}</option>
                                                        <option value="1">{% trans '每周' %}</option>
                                                        <option value="2">{% trans '每日' %}</option>
                                                    </select>
                                                    </td>
                                                    <th name="send_day_div"><label for="id_send_day" class="required">{% trans '邮件发送日' %}:</label></th>
                                                    <td name="send_day_div"><select name="send_day" id="id_send_day"></select></td>
                                                    <th><label for="id_send_time" class="required">{% trans '邮件发送时间' %}:</label></th>
                                                    <td><input id="id_send_time" name="send_time" type="text" readonly class="date" format="HH:mm" value=""/></td>
                                                </tr>
                                                <tr>
                                                    <th><label for="id_exception_send" class="required">{% trans '考勤结果异常发送邮件' %}:</label></th>
                                                    <td><select id="id_exception_send" name="exception_send" >
                                                        <option value="0">{% trans '否' %}</option>
                                                        <option value="1">{% trans '是' %}</option>
                                                    </select>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                            </tbody> </table>
                                        </div></td></tr>
                                        <tr><td><div class='div_box1 floatL' style='width:98%'><h2>{% trans '审批提醒' %}</h2>
                                            <table id="tbl3"><tbody>
                                            <tr>
                                                <!--
                                                <th><label for="id_audit_alert_type" class="required">{% trans '审批提醒方式' %}:</label></th>
                                                -->
                                                <td><input type="checkbox" id="ck_email_alert"></td>
                                                <td>{% trans '邮件提醒' %}</td>
                                                <td width="20"></td>
                                                <td><input type="checkbox" id="ck_pop_alert"></td>
                                                <td>{% trans '弹窗提醒' %}</td>
                                                <td></td>
                                            </tr>
                                            </tbody></table>
                                        </div></td></tr>
                                        <tr class="displayN"><td><div class='div_box1 floatL' style='width:98%'><h2>{% trans '证件过期提醒' %}</h2>
                                            <table id="tbl4"><tbody>
                                                <tr>
                                                <th><label for="id_doc_sent_time" class="required">{% trans '证件过期邮件发送时间' %}:</label></th>
                                                <td><input id="id_doc_sent_time" name="doc_sent_time" type="text" readonly="True" class="date" format="HH:mm" value=""/></td>
                                                <td></td>
                                            </tr>
                                            </tbody></table>
                                        </div></td></tr>
                                        <tr><td colspan="3"><span id="id_error" style="display:none;"></span></td></tr>
                                        <tr>
                                            <td colspan="3">
                                                <div class='main-editformbtn'>
                                                    <div class='lineH22'>
                                                        <span class='action_OK'></span>
                                                        <a id='id_submit'class='Link_blue1' href='javascript:void(0)' >{%trans '确定' %}</a>
                                                        <div class='clear'></div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                    <input id="id_email_use_tls" name="email_use_tls" type="hidden"/>
                                    <input type="hidden" id="id_email_alert" name="email_alert">
                                    <input type="hidden" id="id_pop_alert" name="pop_alert">
                                </form>
                            </div>
                        {% endblock %}
                     </div>
                    {% block extend_before %}
                        <div id="id_extend">
                        {% block AddDiv %}{%endblock%}
                        </div>
                    {% endblock %}
                </div>
           </div>
        {% endblock %}
{% endblock %}
{% block getdatalist %}
    $("#id_datalist").model_grid({
        model_action_container:$("#id_op_for_tab"),
        dbapp_url:"{{ dbapp_url }}",
        model_url:"{{ model_url }}",
        grid_div:$('<div class="displayN"></div>')
    });
{% endblock %}
{% block addjs %}
    var week = ['{% trans '星期一' %}', '{% trans '星期二' %}', '{% trans '星期三' %}', '{% trans '星期四' %}', '{% trans '星期五' %}', '{% trans '星期六' %}', '{% trans '星期日' %}'];
    function formValid(){
        //<!--var email_user_check = ($("#id_email_host_user").val()).match("^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$");-->
        //var email_user_check = ($("#id_email_host_user").val()).match("^[a-zA-Z0-9]+([._\\-]*[a-zA-Z0-9])*@([a-zA-Z0-9]+[-a-zA-Z0-9]*[a-zA-Z0-9]+.){1,63}[a-zA-Z0-9]+$");
        //if($("#id_email_host_user").val() != '' && email_user_check == null)
        //{
        //    alert(gettext("邮箱地址格式不正确"));
        //    return false;
        //}
        return true;
    };
    render_widgets($("#id_edit_form"));
    function daily_deal(){
        $("#tbl2").find("[name='send_day_div']").hide();
        $("#id_send_day").val(1);
    }
    function weekly_deal(){
        $("#id_send_day").empty();
        for(var i=0; i < 7; i++){
            $("#id_send_day").append('<option value="'+i+'">'+week[i]+'</option>');
        }
        $("#tbl2").find("[name='send_day_div']").show();
    }
    function monthly_deal(){
        $("#id_send_day").empty();
        for(var i=1; i <= 31; i++){
            $("#id_send_day").append('<option value="'+i+'">'+i+'</option>');
        }
        $("#tbl2").find("[name='send_day_div']").show();
    }
    var email_options = [$("#id_email_host"), $("#id_email_port"), $("#id_email_host_user"), $("#id_email_host_password"), $("#id_sender_name")];
    function set_email_setting_status(required){
        if(required){
            $(email_options).each(function(){
                $(this).removeClass('required').addClass('required');
                var input_id = $(this).attr('id');
                var label = $("label[for='"+input_id+"']")
                if(label && label.length > 1){
                    $(this).removeClass('error');
                    label[1].remove();
                }
                var input_label = label[0];
                $(input_label).removeClass('required').addClass('required');
            });
        }else{
            $(email_options).each(function(){
                $(this).removeClass('required');
                var input_id = $(this).attr('id');
                var label = $("label[for='"+input_id+"']")
                if(label && label.length > 1){
                    $(this).removeClass('error');
                    label[1].remove();
                }
                var input_label = label[0];
                $(input_label).removeClass('required');
            });
        }
    }
    function initVal(){
        $.ajax({
            url:"/base/get_alarm_options/",
            type:"Get",
            dataType:"json",
            async: true,
            success: function(callback){
                if(callback){
                    var cfg = callback.cfg;
                    if(cfg.email_use_tls == 1){
                        $("#id_email_use_tls_checkbox").attr('checked', true);
                    }
                    if(cfg.email_alert == 1){
                        $("#ck_email_alert").attr('checked', true);
                        set_email_setting_status(true);
                    }
                    if(cfg.pop_alert == 1){
                        $("#ck_pop_alert").attr('checked', true);
                    }
                    if(cfg.exception_send == 1){
                        set_email_setting_status(true);
                    }
                    $("#id_sender_name").val(cfg.sender_name);
                    $("#id_email_host").val(cfg.email_host);
                    $("#id_email_port").val(cfg.email_port);
                    $("#id_email_host_user").val(cfg.email_host_user);
                    $("#id_email_host_password").val(cfg.email_host_password);
                    $("#id_email_use_tls").val(cfg.email_use_tls);
                    $("#id_late_count").val(cfg.late_count);
                    $("#id_early_count").val(cfg.early_count);
                    $("#id_absent_count").val(cfg.absent_count);
                    $("#id_send_rate").val(cfg.send_rate);
                    $("#id_send_time").val(cfg.send_time);
                    $("#id_exception_send").val(cfg.exception_send);
                    //$("#id_audit_alert_type").val(cfg.audit_alert_type);
                    $("#id_email_alert").val(cfg.email_alert);
                    $("#id_pop_alert").val(cfg.pop_alert);
                    $("#id_doc_sent_time").val(cfg.doc_sent_time);
                    $("#id_send_rate").change();
                    $("#id_send_day").val(cfg.send_day);
                }
            },
            error: function(XMLHttpRequest, textStatus, errorThrown){
                alert(gettext("服务器处理数据失败，请重试！"));
            }
        });
    };
    function initFunction(){
        $('#id_edit_form').validate({
            rules:{
                "email_port":{required:true,digits:true,min:1,max:65535},
                "late_count":{required:true,digits:true,min:0},
                "early_count":{required:true,digits:true,min:0},
                "absent_count":{required:true,digits:true,min:0},
            },
            errorPlacement: function(error, element) {
                error.appendTo(element.parent());
            }
        });
        $("#id_email_use_tls_checkbox").click(function(){
            if($(this).attr('checked')== true || $(this).attr('checked')== 'checked'){
                $("#id_email_use_tls").val(1);
            }else{
                $("#id_email_use_tls").val(0);
            }
        });
        $("#id_exception_send").change(function(){
            var send_status = $(this).val();
            if(parseInt(send_status) == 0){
                if(!$("#ck_email_alert").attr('checked')){
                    set_email_setting_status(false);
                }
            }else if(parseInt(send_status)== 1){
                if(!$("#ck_email_alert").attr('checked')){
                    set_email_setting_status(true);
                }
            }
        });
        $("#ck_email_alert").click(function(){
            if($(this).attr('checked')== true || $(this).attr('checked')== 'checked'){
                $("#id_email_alert").val(1);
                if(parseInt($("#id_exception_send").val()) == 0){
                    set_email_setting_status(true);
                }
            }else{
                $("#id_email_alert").val(0);
                if(parseInt($("#id_exception_send").val()) == 0){
                    set_email_setting_status(false);
                }
            }
        });
        $("#ck_pop_alert").click(function(){
            if($("#ck_pop_alert").attr('checked')== true || $(this).attr('checked')== 'checked' ){
                $("#id_pop_alert").val(1);
            }else{
                $("#id_pop_alert").val(0);
            }
        });
        $("#id_send_rate").change(function(){
            var ftype = $(this).val();
            switch(ftype){
                case '0':
                    monthly_deal();
                    break;
                case '1':
                    weekly_deal();
                    break;
                case '2':
                    daily_deal();
                    break;
                default:
                    break;
            }
        });
        $('#id_submit').click(function(){
            $("#id_error").empty();
            if($("#id_edit_form").valid()){
                if(!formValid()){
                    return ;
                }
                $("#id_edit_form").ajaxSubmit({
                    url:"/base/set_alarm_options/",
                    type:"POST",
                    dataType:"json",
                    async: true,
                    success:function(callback){
                        $("#id_error").attr("style", "display:block");
                        if (callback.ret == 'ok')
                        {
                            $("#id_error").html('<ul class="successlist"><li><font color="blue">'+gettext("保存成功")+'</font></li></ul>');
                        }else
                        {
                            $("#id_error").html('<ul class="successlist"><li><font color="red">'+callback.ret+'</font></li></ul>');
                        }
                    },
                    error:function(XMLHttpRequest, textStatus, errorThrown){
                        alert(gettext("服务器处理数据失败，请重试！"));
                    }
                })
            }
        });
        initVal();
    };
    initFunction();
{% endblock %}